<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="/template.xhtml">
        <ui:define name="body">
            <h1>Bem vindo ao gerenciador de vendas</h1>
            <table width="100%" >
                <tbody>
                    <tr style="vertical-align: top;">
                        <td colspan="2">
                            <div class="formedit" style="width:99% !important;">
                                <div class="formedit-head" >
                                    <h:outputText value="Pedidos Finalizados"/>
                                </div>
                                <h:form id="formLineClassPrincipal">
                                    <p:lineChart value="#{chartController.categoryModel}" legendPosition="nw" shadow="true"
                                                 yaxisLabel="Vendas"
                                                 xaxisLabel="Período"
                                                 minY="0" 
                                                 showMarkers="true"
                                                 style="width:100%;height:255px; margin-top: 5px;"/> 
                                </h:form>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </ui:define>
    </ui:composition>

</html>